@charset "utf-8";

/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
}

img {
    outline: none;
    border: none;
}

li {
    list-style: none;
}

body {
    font-family: Helvetica LT Std, 'Noto Sans CJK SC', 'Noto Sans CJK', 'Noto Sans SC', sans-serif, Arial;
}

html {
    overflow-y: scroll;
    font-family: 'Noto Sans SC', sans-serif;
}

:root {
    overflow-y: auto;
    overflow-x: hidden;
}

:root body {
    position: absolute;
}

body {
    width: 100vw;
    overflow: hidden;
}

.clear {
    clear: both;
}


/*----------------------------banner-----------------------------*/

.banner {
    width: 100%;
    position: relative;
}

.banner .index-banner {
    width: 100%;
    position: relative;
}

.owl-carousel .owl-dots {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 30px;
    text-align: center;
}

.owl-carousel button.owl-dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50px;
    border: 1px solid #5a5a5a;
    margin: 0 5px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.owl-carousel button.owl-dot.active {
    background: #5a5a5a;
}